<template>
	<div class="posts">
		posts
		<hr/>
		<ul>
			<li v-for="book in books">{{book.name}}</li>
		</ul>
	</div>
</template>
<script>
	export default {
		name: "posts",
		data(){
			return {
				books:[]
			}
		},
		created(){
			this.$axios.post("/book/list")
			.then(res=>{
				this.books = res.data;
			})
			.catch(error=>{
				console.log(error);
			})
		},
		methods:{

		},
		components:{

		}
	}
</script>
<style>
	
</style>

